jQuery(document).ready(function ($) {

    /* ======= Scrollspy ======= */
    $('body').scrollspy({ target: '#header', offset: 400 });

    /* ======= Fixed header when scrolled ======= */

    $(window).bind('scroll', function () {
        if ($(window).scrollTop() > 50) {
            $('#header').addClass('navbar-fixed-top');
        }
        else {
            $('#header').removeClass('navbar-fixed-top');
        }
    });

    /* ======= ScrollTo ======= */
    $('a.scrollto').on('click', function (e) {

        //store hash
        var target = this.hash;
        debugger;
        var linkTo = removeTrailingSlash($(this).attr("href").split("#")[0]);
        var current = removeTrailingSlash(window.location.href.split("#")[0]);

        if (linkTo == current || !linkTo) {
            e.preventDefault();

            $('body').scrollTo(target, 800, { offset: -70, 'axis': 'y', easing: 'easeOutQuad' });
            //Collapse mobile menu after clicking
            if ($('.navbar-collapse').hasClass('in')) {
                $('.navbar-collapse').removeClass('in').addClass('collapse');
            }
        }
    });

    $('#btnToggle').click(function () {
        if ($(this).hasClass('on')) {
            $('#main .col-md-6').addClass('col-md-4').removeClass('col-md-6');
            $(this).removeClass('on');
        } else {
            $('#main .col-md-4').addClass('col-md-6').removeClass('col-md-4');
            $(this).addClass('on');
        }
    });
});

function removeTrailingSlash(url) {
    return url.replace(/\/$/, "");
}